



/*旅行区*/

#tour{
	width:1263px;
	height:1130px;	
	margin:30px auto;
}
#tour .center{
	text-align: center;
}
#tour .center h2{
	font-size: 45px;
	letter-spacing: 2px;
	color:#666;
	margin:10px 0;
}
#tour .center p{
	color:#666;
	margin:10px 0;
}

/*图片介绍区*/
#tour figure{
	display: inline-block;
	width: 380px;
	border:1px solid #ddd;
	border-radius:4px;
	margin:15px 12px;
	padding:4px;
	position: relative;
}
#tour figure img{
	/*去掉图片与容器间的缝隙，具体为啥能去掉不知道*/
	vertical-align: middle;
}
#tour figcaption{
	color:#777;
	font-size: 14px;
	padding:7px 0 5px 0;
	letter-spacing: 1px;
}
#tour .title{
	color:#333;
	font-style: normal;
}
#tour .sat{
	float: right;
	color:#999;
	font-style: normal;
	font-size: 14px;
}
#tour .price{
	color:#f60;
}
#tour .price strong{
	font-size: 20px;
	letter-spacing:1px;
}
#tour .type{
	display: inline-block;
	width: 90px;
	height: 25px;
	line-height: 25px;
	font-style: normal;
	background-color:#59b200;
	letter-spacing: 1px;
	text-align: center;
	color:#fff;
	position: absolute;
	top:4px;
	left: 4px;
}






*{
	margin: 0;
	padding: 0;
}
#headline{
	width: 100%;
	/*这个最小宽度是，当缩小浏览器小于1263px时，能保持结构的完整性*/
	min-width: 1263px;
	height:300px;
	/*背景图，不重复，始终保持图片居中*/
	/*首先，为了满足最小的1280分辨率，大图本身宽度必须大于1280，为主流分辨率一般小于1920
	，所以图片宽度为1920可以满足所有用户*/
	background:url(../image/border6.jpg) no-repeat center;
}

#headline .center{
	width: 1263px;
	height: 300px;
	margin:0 auto;
}
#headline hgroup{
	padding: 100px 0 0 50px;
	color:#fff;
}
#headline h2{
	font-size: 36px;
	letter-spacing: 1px;
}
#headline h3{
	font-size: 20px;
}
#containter{
	width: 1263px;
	height: 1200px;
	margin:30px auto;
}
#containter .sidebar{
	width:340px;
	float: right;
}
#containter .list{
	width: 900px;
	height: 1200px;
	float: left;
}

#containter .sidebox{
	margin:0 0 10px 0;
	border:1px solid #eee;
	text-align: center;
	clear: both;
}
#containter .sidebox h2{
	font-size: 20px;
	font-weight: normal;
	text-indent: 8px;
	letter-spacing: 1px;
	height:40px;
	line-height: 40px;
	background-color: #fafafa;
	color:#666;
}
#containter .tag a,#containter .tag li{
	list-style: none;
	display: inline-block;
	width: 100px;
	height: 35px;
	background-color: #eee;
	line-height: 35px;
	margin:2px 0;
	color:#999;
}
#containter .tag a:hover{
	background-color: #458b00;
	color:#fff;
}
#containter figure{
	display: inline-block;
	color:#666;
	padding:0 0 4px 0;
}
#containter .tourBox a{
	display: inline-block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	margin:2px 0;
	color:#999;
	text-align: left;
	text-indent: 40px;
}

#containter .tourBox a.sky1{
	background: #eee url(../image/icon1.png) no-repeat 5px center;
}
#containter .tourBox a.sky2{
	background: #eee url(../image/icon1.png) no-repeat 5px center;
}
#containter .tourBox a.sky3{
	background: #eee url(../image/icon1.png) no-repeat 5px center;
}
#containter .tourBox a.sky4{
	background: #eee url(../image/icon1.png) no-repeat 5px center;
}

/*list区*/
#containter .infor{
	background-color: #eee;
	height: 45px;
}
#containter ul{
	list-style: none;

}
#containter a{
	text-decoration: none;
}
#containter .left{
	display: inline-block;
	float: left;
}
#containter .right{
	display: inline-block;
	float: right;
}
#containter .left li{
	display: inline-block;
	width: 150px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	color:#666;
}
#containter .left li a{
	display: block;
	color:#666;
}
#containter .left li:first-child{
	background-color: #fff;
	border-top:2px solid #458b00 ;
	position: relative;
	left: 1px;

}
#containter .right li{
	display: inline-block;
	width: 60px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
#containter .right li a{
	color:#666;
	padding:3px 8px ;
}
#containter .right li a.checked,#containter .right li a:hover{
	background-color:#458b00; 
	color:#000;
}
#containter .content{
	width: 898px;
	height: 230px;
	border:1px solid #eee;
	margin:20px 0 0 0;
	position: relative;
}
#containter .content footer{
	width: 518px;
	height: 30px;
	position: absolute;
	bottom: 0;
	line-height: 30px;
	text-indent: 25px;
	background-color: #fafafa;
	letter-spacing: 1px;
}
#containter .content time{
	color: #458b00;
}
#containter .content img{
	float: left;
}
#containter .content figcaption{
	float: right;
	width:518px;
	height: 230px;
}
#containter .content hgroup{
	width: 300px;
}
#containter .content h2{
	padding:10px 0 10px 20px;
	font-size: 24px;
	font-weight: normal;
	color: #333;
}
#containter .content h3{
	line-height: 1.5;
	padding:10px 0 10px 25px;
}
#containter .content ul{
	padding:0 0 0 25px;
	color: #666;
	line-height:1.5;
}
#containter .content mark{
	background-color: #fff;
	border:1px solid #458b00;
	border-radius:4px;
	padding:0 5px;
}
#containter .content .buy{
	position: absolute;
	right: 30px;
	top:55px;
}
#containter .buy .price{
	font-size: 20px;
	color:#f60;
}
#containter .buy .price strong{
	font-size: 36px;
}
#containter .buy .price s{
	color:#999;
	font-size: 16px;
}
#containter .buy .now{
	margin:10px 0 0 0;
}
#containter .buy .now a{
	display: block;
	width: 152px;
	height: 40px;
	line-height: 40px;
	background-color: #f60;
	color:#fff;
	font-size: 20px;
	text-align:center;
	border-radius: 4px;
}
#containter  .content .type{
	width:90px;
	height:25px;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	position: absolute;
	top:0;
	left: 0;
	background: #29b200;
}
#containter .content .desc{
	position: absolute;
	top:0;
	right: 0;
	background-color: #ccc;
	width: 50px;
	height:25px;
	line-height: 25px;
	text-align: center;
	color: #f60;
	font-weight:bold; 
}
#containter .list .more a{
	color: #000;
}
#containter .list  .more{
	width:200px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #000;
	line-height: 40px;
	text-align: center;
	margin: 30px auto;
}
#containter .list .more:hover{
	background-color: #fafafa;
}

*{
	margin:0;
	padding:0;
	-webkit-font-smoothing:antialiased;
}
.none{
	display: none;
}
#header{
	width:100%;
	min-width: 1280px;
	height: 70px;
	background-color: #333;
	box-shadow: 0 3px 5px rgba(0,0,0,0.5);
	position: relative;
	z-index: 999;
}
/*内容区 固定大小*/
#header .center{
	width: 1263px;
	height:70px;
	margin:0 auto;
}
#header .logo{
	width: 240px;
	height:70px;
	background-image: url(../image/logo.jpg);
	text-indent: -9999px;
	float: left;
}
/*导航样式*/
#header  .link{
	width: 700px;
	height:70px;
	float: right;
	list-style: none;
}
#header .link li{
	width:120px;
	height: 70px;
	background-color: #333;
	text-align: center;
	line-height: 70px;
	color:#eee;
	float: left;
}
#header .link a{
	display: block;
	text-decoration:none;
	color:#eee;
	width:100%;
	height:100%;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
#header .link a:hover,#header .link .active{
	background-color: #000;
}
#search{
	width: 100%;
	min-width: 1263px;
	height:600px;
	background:url(../image/border2.jpg) no-repeat center;
	position: relative;
}

#search #mask{
	width: 100%;
	min-width: 1263px;
	height:600px;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
}
#login{
	position: relative;
	top: 9%;
    width: 300px;
    height: 400px;
    margin: 0px auto 0;
    padding: 60px 50px 0px;
    background-color:
    #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px
    rgba(0, 0, 0, 0.53);
    float: center;
}
#search .center{
	width: 600px;
	height:60px;
	background-color: #000;
	position: absolute;
	top:50%;
	left: 50%;
	margin:-30px -300px;
	border-radius:10px;
	opacity:0.5;
	filter:alpha(opacity:50);
}

#search .search{
	width:481px;
	height:52px;
	position: absolute;
	top:50%;
	left: 50%;
	margin:-27px -296px;
	border-radius:10px 0 0 10px;
	background-color: #fff;
	color:#666;
	font-size: 24px;
	font-weight: bold;
	padding-left:20px;
	border:1px solid #666;
	outline: none;
}

#search .button{
	width:90px;
	height:54px;
	position: absolute;
	top:50%;
	left: 50%;
	margin:-27px 206px;
	border-radius:0 10px 10px 0;
	color:#666;
	background-color: #fff;
	font-size: 24px;
	border:1px solid #666;
	cursor: pointer;
}
#search .button:hover{
	background-color: #2ECC71;
	color:#fff;
}


.footer {
    height: 420px;
    margin-top: 25px;
    background-color: #fff;
}
.footer .left {
    float: left;
    margin-left: 20px;
    margin-top: 30px;
    margin-right: 220px;
}
.footer p {
    font-size: 12px;
    margin-top: 25px;
    color: #666666;
}
.footer .left a {
    display: block;
    width: 120px;
    height: 35px;
    color: #22b0ff;
    margin-top: 20px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #22b0ff;
}
.footer .right {
    float: left;
}
.footer dl {
    margin-right: 95px;
}
.footer dl dd {
    margin-bottom: 5px;
}
.footer dl dd a {
    font-size: 12px;
    color: #333;
}
.footer .right dt {
    margin: 35px 0 15px 0;
    font-size: 16px;
    color: #999;
    font-weight: normal;
}